Transitions & Animation > Overview の翻訳 #104
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Deploy preview for vuejs-v3-ja-doc-preview ready! Built with commit 80e12de https://deploy-preview-104--vuejs-v3-ja-doc-preview.netlify.app |
potato4d
suggested changes
Oct 10, 2020
src/guide/transitions-overview.md
Outdated
| @@ -196,15 +197,15 @@ Easing can also convey the quality of material being animated. Take this pen for | |||
| </p> | |||
| <script async src="https://static.codepen.io/assets/embed/ei.js"></script> | |||
|
|
|||
| You can get a lot of unique effects and make your animation very stylish by adjusting your easing. CSS allows you to modify this by adjusting a cubic bezier property, [this playground](https://cubic-bezier.com/#.17,.67,.83,.67) by Lea Verou is very helpful for exploring this. | |||
| イージングを調整することで多くのユニークな効果を得ることができ、アニメーションを非常にスタイリッシュにすることができます。 CSSを使用すると、3次のベジェ曲線のプロパティを調整して変形できます。 Lea Verou 氏によって作成された[遊び場](https://cubic-bezier.com/#.17,.67,.83,.67)は、イージングを探索するのに非常に役立ちます。 | |||
There was a problem hiding this comment.
Suggested change
| イージングを調整することで多くのユニークな効果を得ることができ、アニメーションを非常にスタイリッシュにすることができます。 CSSを使用すると、3次のベジェ曲線のプロパティを調整して変形できます。 Lea Verou 氏によって作成された[遊び場](https://cubic-bezier.com/#.17,.67,.83,.67)は、イージングを探索するのに非常に役立ちます。 | |
| イージングを調整することで多くのユニークな効果を得ることができ、アニメーションを非常にスタイリッシュにすることができます。 CSSを使用すると、3次のベジェ曲線のプロパティを調整して変形できます。 Lea Verou 氏によって作成された[Playground](https://cubic-bezier.com/#.17,.67,.83,.67)は、イージングを探索するのに非常に役立ちます。 |
Playground は十分に浸透している言葉だと思うので、 プレイグラウンド あるいは英語そのままで問題かなと思います。どちらでも！
There was a problem hiding this comment.
Playground としました。
|
|
||
| For simple UI transitions, meaning from just one state to another with no intermediary states, it's common to use timings between 0.1s and 0.4s, and most folks find that _0.25s_ tends to be a sweet spot. Can you use that timing for everything? No, not really. If you have something that needs to move a greater distance or has more steps or state changes, 0.25s is not going to work as well and you will have to be much more intentional, and the timing will need to be more unique. That doesn't mean you can't have nice defaults that you repeat within your application, though. | ||
| 単純な UI トランジション、つまり中間を持たないとある状態から別の状態へのトランジションでは、0.1秒から0.4秒の間のタイミングを使用するのが一般的であり、ほとんどの人は _0.25秒_ がスイートスポットになる傾向があることに気付きます。 そのタイミングをすべてに使用できますか？ いいえ、そうではありません。 より長い距離を移動する必要があるもの、またはより多くのステップや状態変化があるものの場合、0.25秒ではうまく機能せず、タイミングはより意図的に、よりユニークである必要があります。 ただし、これはアプリケーション内で適切な既定値を設定できないという意味ではありません。 |
There was a problem hiding this comment.
0.1秒から0.4秒の間
多分この辺りで半角全角のエラーが出ると思うので、 lang-ja を取り込んだ上で git rebase lang-ja していただけますでしょうか 🙏
textlint が動作するようになります。
There was a problem hiding this comment.
rebaseしました。
https://github.com/ryoAccount/ja.vuejs.org/actions/runs/299716255
追加いただいた lint:single を実行して、エラーが出力されないことを確認しました。
yarn lint:single src/guide/transitions-overview.md
yarn run v1.19.1
$ textlint --rulesdir ./node_modules/textlint-checker-for-vuejs-jp-docs/rules/textlint-rule-vue-jp-docs -f pretty-error src/guide/transitions-overview.md
Done in 0.70s.
src/guide/transitions-overview.md
Outdated
|
|
||
| Easing is an important way to convey depth in an animation. One of the most common mistakes newcomers to animation have is to use `ease-in` for entrances, and `ease-out` for exits. You'll actually need the opposite. | ||
| イージングはアニメーションの奥行きを伝える重要な方法です。 アニメーションの初心者がおかす最も一般的な間違いの1つは、序盤に `ease-in` を使用し、終盤に `ease-out` を使用することです。 実際には反対のことが必要です。 |
There was a problem hiding this comment.
Suggested change
| イージングはアニメーションの奥行きを伝える重要な方法です。 アニメーションの初心者がおかす最も一般的な間違いの1つは、序盤に `ease-in` を使用し、終盤に `ease-out` を使用することです。 実際には反対のことが必要です。 | |
| イージングはアニメーションの深みを伝える重要な方法です。 アニメーションの初心者がおかす最も一般的な間違いの1つは、序盤に `ease-in` を使用し、終盤に `ease-out` を使用することです。 実際には反対のことが必要です。 |
この depth は奥行きではなく、深みと訳すべきかなと思いました。
There was a problem hiding this comment.
「深み」に修正しました。
ryoAccount
force-pushed
the
transitions_animation_overview_lang_ja
branch
from
560d4f6 to
4254c6f
Compare
|
@potato4d |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
resolve #21
https://v3.vuejs.org/guide/transitions-overview.html を翻訳しました。
レビューお願いします！